<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="../img/icon.png"/>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/self.css">
    <link rel="stylesheet" href="../img/font/iconfont.css">
</head>
<body>
    <header>
        <nav class="nv">
            <ul>
                <li><a href="../index.html">欢迎来到美域甄品！</a></li>
                <li><a href="#"><i class="iconfont icon-gerenzhongxin"></i>尊敬的用户</a></li>
            </ul> 
            <ul class="ul-right">
                <li><a href="./order.html">我的订单</a></li>
                <li><a href="#">个人中心</a></li>
                <li><a href="./business.html">商家申请入驻</a></li>
                <li><a href="#">平台运营规范</a></li>
                <li><a href="#"><i class="iconfont icon-shouji"></i>手机版</a></li>
            </ul>
        </nav>
    </header>
    <div class="HUA">
        <ul>
            <li>
                <i class="iconfont icon-shoucang"></i>
                <a href="#">我的收藏</a>
            </li>
            <li>
                <i class="iconfont icon-wodezuji"></i>
                <a href="#">我的足迹</a>
            </li>
            <li>
                <i class="iconfont icon-saoyisao"></i>
                <a href="#">下载APP</a>
            </li>
            <li>
                <i class="iconfont icon-kefu"></i>
                <a href="#">联系客服</a>
            </li>
            <li>
                <i class="iconfont icon-huidaodingbuxianxing "></i>
                <a href="#">回到顶部</a>
            </li>
        </ul>
    </div>
    <div class="logoX">
        <div class="logoX-con">
            <div class="logo">
                <div class="all">
                    <div class="all-left">
                        <a href="../index.html"><img src="../img/logo.png" ></a>
                    </div>
                    <div class="all-center">
                        <div class="box1">
                            <ul>
                                <li><a href="#">商品</a></li>
                                <li><a href="#">店铺</a></li>
                            </ul>
                            <input type="text" placeholder="请输入您要搜索的关键字" class="clearInput"/>
                            <button class="search">搜索</button>
                        </div>
                        <div class="box2">
                            <ul>
                                <li><a href="#">电动牙刷</a></li>
                                <li><a href="#">冰白葡萄酒女士</a></li>
                                <li><a href="#">红酒</a></li>
                                <li><a href="#">冰糖</a></li>
                                <li><a href="#">内裤</a></li>
                                <li><a href="#">风扇</a></li>
                                <li><a href="#">面条机</a></li>
                                <li><a href="#">卫生巾透气</a></li>
                                <li><a href="#">面条锅</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="all-right">
                        <span>0</span>
                        <a href="./cart.html"><i class="iconfont icon-gouwuche"></i>我的购物车</a>
                    </div>
                </div>
            </div>
            <ul class="service">
                <li><a href="../index.html">首页</a></li>
                <li><a href="#">美容护肤</a></li>
                <li><a href="#">甄选彩妆</a></li>
                <li><a href="./world.html">全球购</a></li>
                <li><a href="#">美康专护</a></li>
                <li><a href="#">个人护理</a></li>
                <li><a href="#">营养健康</a></li>
                <li><a href="#">母婴专区</a></li>
                <li><a href="#">服饰鞋帽</a></li>
                <li><a href="#">品质家具</a></li>
                <li><a href="#">门店自提</a></li>
                <li><a href="#">美容服务</a></li>
            </ul>
        </div>
    </div>

    <a href="https://www.merrymall.com/selfpickup-map/" class="banner"></a>

    <main>
        <div class="main-con">
            <div class="m-1">
                <img src="../img/sangang.png" >
                <h2>精选推荐</h2>
                <img src="../img/sangang.png" >
            </div> 
            <div class="m-2">
                <ul>
                    <li><a href="#">默认</a></li>
                    <li><a href="#">销量</a></li>
                    <li><a href="#">价格</a><i class="iconfont icon-shangxiazhankai"></i></li>
                    <li>
                        <a href="#">
                            <input type="checkbox">
                        只看有货</a>
                    </li>
                </ul>
                <span>10件商品</span>
            </div> 
            <div class="m-3">
                <ul>
                    <li>
                        <img src="../img/binqiling.jpeg">
                        <p>恋慕尔冰淇淋曲奇饼干（纸盒装）</p>
                        <span>门店自提</span>
                        <div>
                            <b>￥83</b>
                            <i>￥120</i>
                        </div>
                    </li>
                    <li>
                        <img src="../img/binqiling.jpeg">
                        <p>恋慕尔冰淇淋曲奇饼干（纸盒装）</p>
                        <span>门店自提</span>
                        <div>
                            <b>￥83</b>
                            <i>￥120</i>
                        </div>
                    </li>
                    <li>
                        <img src="../img/binqiling.jpeg">
                        <p>恋慕尔冰淇淋曲奇饼干（纸盒装）</p>
                        <span>门店自提</span>
                        <div>
                            <b>￥83</b>
                            <i>￥120</i>
                        </div>
                    </li>
                    <li>
                        <img src="../img/binqiling.jpeg">
                        <p>恋慕尔冰淇淋曲奇饼干（纸盒装）</p>
                        <span>门店自提</span>
                        <div>
                            <b>￥83</b>
                            <i>￥120</i>
                        </div>
                    </li>
                    <li>
                        <img src="../img/binqiling.jpeg">
                        <p>恋慕尔冰淇淋曲奇饼干（纸盒装）</p>
                        <span>门店自提</span>
                        <div>
                            <b>￥83</b>
                            <i>￥120</i>
                        </div>
                    </li>
                    <li>
                        <img src="../img/binqiling.jpeg">
                        <p>恋慕尔冰淇淋曲奇饼干（纸盒装）</p>
                        <span>门店自提</span>
                        <div>
                            <b>￥83</b>
                            <i>￥120</i>
                        </div>
                    </li>
                    <li>
                        <img src="../img/binqiling.jpeg">
                        <p>恋慕尔冰淇淋曲奇饼干（纸盒装）</p>
                        <span>门店自提</span>
                        <div>
                            <b>￥83</b>
                            <i>￥120</i>
                        </div>
                    </li>
                    <li>
                        <img src="../img/binqiling.jpeg">
                        <p>恋慕尔冰淇淋曲奇饼干（纸盒装）</p>
                        <span>门店自提</span>
                        <div>
                            <b>￥83</b>
                            <i>￥120</i>
                        </div>
                    </li>
                    <li>
                        <img src="../img/binqiling.jpeg">
                        <p>恋慕尔冰淇淋曲奇饼干（纸盒装）</p>
                        <span>门店自提</span>
                        <div>
                            <b>￥83</b>
                            <i>￥120</i>
                        </div>
                    </li>
                    <li>
                        <img src="../img/binqiling.jpeg">
                        <p>恋慕尔冰淇淋曲奇饼干（纸盒装）</p>
                        <span>门店自提</span>
                        <div>
                            <b>￥83</b>
                            <i>￥120</i>
                        </div>
                    </li>
                </ul>
            </div> 
        </div>
    </main>

    <div class="footer-container"></div>
    <script src="../libs/jquery.min.js"></script>
    <script>
        $('.footer-container').load('footer.html')
    </script>
</body>
</html>